@import './../../../../style/font';
@import './../../../../style/color';

//视频详情页

.video-detail-play {
  width: 100%;
  background-color: black;
  height: 350px;

  .vr {
    margin: auto;
    width: 80%;
    position: relative;

  }

  .video-play {
    width: 100%;
    height: 350px;
  }
}

.v-video-detail-play {
  width: 100%;
  background-color: black;
  height: 530px;

  .vr {
    margin: auto;
    width: 100%;
    position: relative;
  }

  .video-play {
    width: 100%;
    height: 530px;
  }
}

.v-content-p {
  padding-top: 20px;
}


.v-video-detail-page {
  margin-top: 20px ;
  padding: 0px 24px;
  background-color: $body-background-color;

  .video-detail-wrap {
    background: #FFFFFF;
    border: 1px solid $page-border-color;
    // padding: 30px;
    // margin: 20px;

    .video-detail-top {
      height: 60px;
      position: relative;

      .title-wrap {
        position: absolute;
        top:0;
        left:0;
      }

      .video-detail-title {
        font-family:$DFYuanW7-GBK;
        font-size: 30px;
        color: #999999;
        letter-spacing: 0;
        position: absolute;
        right: 30px;
        top: 10px;
      }
      .video-close{
        text-align: right;
      }
    }

    .content-wrap {
      height: 1240px;
      overflow: auto;
      margin: 10px;
    }

    .video-detail-play {
      width: 100%;
      background-color: black;
      height: 550px;

      .vr {
        margin: auto;
        width: 80%;
        position: relative;

      }

      .video-play {
        width: 100%;
        height: 550px;
      }
    }
    .record-content {
      margin-top: 20px;
      font-family:$DFYuanW7-GBK;
      font-size: $middle-font-size;
      color: $form-font-color;
      letter-spacing: 0;

      >p {

      }
    }

  }
}

.v-video-project {

  .swiper-slide-active {
    top: 20px;

    .content-wrap {

      .title {
        padding: 0 50px 20px 30px;
      }

      .swiper-content{
        background: #FFFFFF;
        height: 100%;
        margin: 0;
        border-radius: 25px;
        border-radius: 34px/20px;

        .video-wrap {
          //  background-color: black;
          width: 100%;
          height: 285px;
          padding: 20px 30px;
          //margin: 20px;

          .video {
            width: 100%;
            height: 245px;
            margin: auto;
            background-color: black;
          }

          img {
            width: 100%;
            height: 245px;
          }
        }
      }
    }
  }

}
